<template>
  <son4>
    <!-- 完整写法 -->
    <!-- <template v-slot:parent> -->

    <!-- 缩写 -->
    <!-- 调用插槽 -->
    <!-- <template #parent> -->
    <template v-slot:parent="scoped">
        <h1>用div来替换插槽</h1>
        <h2>输出 插槽作用域中的变量：{{scoped.demo}}</h2>
    </template>
  </son4>
</template>

<script>
  import {ref, provide, defineAsyncComponent} from 'vue'

  import son4 from './son4.vue'

  export default {
    name: 'Vue3Index',
    emits: ['toggle'], //定义说明父组件的自定义事件
    components: {
      son4
    },
    created()
    {
      this.$emit('toggle', false);
    },
    setup()
    {

    },
  }
</script>